body {
 font-family: Verdana; /* experimental */
 font-size: 100%;
 margin-right: 2%;
 margin-left: 2%;
 padding: 5px;
 background-color: white;
 color: black;
 word-wrap:break-word;
}

.contents{
margin-top: 5px;
margin-bottom: 5px;
margin-right: 20px;
width: 65%;
padding: 10px;
float: left;
}

.menu {
 margin-top: 5px;
 width: 27%;
 float: left;
}

.menu dl {
margin-left: 0em;
}

.menu dt {
margin-top: 0.5em;
color: #555555;
border-bottom: #555555 1px dashed;
}

.menu dd ul{
list-style-type: square;
margin-left: 1px;
padding-left: 0px;
}

.menu dd li{
padding-left: 1em;
}

.entory_info {
text-align: right;
border-top: #555555 1px dashed;
margin-bottom: 3em;
}

h1, h2, h3, h4 {
color: #555555;
}

h1 {
font-size: 150%;
margin-top: 10px;
margin-bottom: 0;
}

h2, h3 {
font-size: 100%;
font-weight: bold;
}

h3 {
border-bottom: #555555 1px dotted;
}

h5 {
font-weight: bold;
font-size: 100%;
}

li, p {
line-height: 140%;
}

p {
margin-left: 1.0ex;
}

pre, ul {
line-height: 120%;
}

pre {
margin-left: 2em;
padding: 5px;
background-color: #fcfcfc;
border-right: 1px gray solid;
border-bottom: 1px gray solid;
}

em {
font-weight: bold;
font-style: normal;
}

strong {
color: #f00;
font-weight: bold;
}

a {
text-decoration: none;
color: #0000aa;
}

h3 a,.entory_info a {
color: #555555;
border: none;
}

blockquote {
margin-left: 2em;
padding: 5px;
border: gray dashed 1px;
}

dt {
font-weight: bold;
margin-top: 1em;
margin-bottom: 0.5em;
}

dd {
margin-left: 1em;
}

.description {
color: #555555;
font-size: 90%;
padding: 1em;
}

textarea {
width: 90%;
}

.comment_box {
margin: 5px;
padding: 5px;
background-color: #fcfcfc;
border: 1px gray solid;
text-align: left;
font-size: 50%;
}

.comment_box p a{
font-size: 180%;
border-bottom: #555555 1px solid;
}

#powered{
font-size: small;
text-align: right;
padding: 0.5em;
clear: both;
}
